﻿<%@ include file="../include/top.jsp"%>
<%@ include file="../include/errorArea.jsp" %>
<link rel="stylesheet" href="${baseURL}/css/zTreeStyle/zTreeStyle.css" type="text/css">
<script language="javascript" type="text/javascript" src="${baseURL}/js/jquery.ztree.all-3.5.min.js">
</script>
<script src="${baseURL}/shop/js/calendar.js"></script>
<SCRIPT type="text/javascript">
	var setting = {
		view: {
			dblClickExpand: false
		},
		data: {
			simpleData: {
				enable: true
			}
		},
		callback: {
			onClick: onClick
		}
	};

	// zNodes = ${treedata}; //后台返回的数据

	function onClick(e,treeId, treeNode) {
		var zTree = $.fn.zTree.getZTreeObj("treeDemo");
		zTree.expandNode(treeNode);

		//叶节点，并且不是第一层节点(第一层节点的pId是null)
		//if(!treeNode.isParent && treeNode.pId!=null){
			nodes = zTree.getSelectedNodes();
			$("#selectedNodeName").attr("value", treeNode.name);
			$("#nodeId").attr("value", treeNode.id);
		//}
	}

	function showMenu() {
		var cityObj = $("#selectedNodeName");
		var cityOffset = $("#selectedNodeName").offset();
		$("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");

		$("body").bind("mousedown", onBodyDown);
	}
	function hideMenu() {
		$("#menuContent").fadeOut("fast");
		$("body").unbind("mousedown", onBodyDown);
	}
	function onBodyDown(event) {
		if (!(event.target.id == "menuBtn" || event.target.id == "selectedNodeName" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
			hideMenu();
		}
	}

	$(document).ready(function(){
		var tablename=document.getElementById("listTable");
		var li=tablename.getElementsByTagName("tr");
		for (var i=1;i<=li.length;i++){
			if (i%2==0){
				li[i].style.backgroundColor="#f6f6f6";
			}
			else li[i].style.backgroundColor="#FFFFFF";
		}
	});
	
	function clickSS(){
		document.getElementById("Image8").click(); 
		//$("#Image8").click();
	}
</SCRIPT>

  <form action="" method="get" name="searchForm" id="searchForm">
    <input type="hidden" name="p" value="1" />
    
<div class='adduser'>
	<div class='adduser-left'><div class='adduser-icon'></div><span>预订订单</span></div>
</div>

<div class='querycondition'>
	<div class='condtiontitle'><div class='searchcondition'></div>搜索条件：</div>
	<div class='condtion'>
		<c:if test="${not empty communityList}">
      	负责小区：<select name="community" id="community" style="width:100px">
      	<option value="">全部</option>
    		<c:forEach var="com" items="${communityList}">
	      		<option value="${com.communityId}" ${formdata.community==com.communityId?"selected":""}>${com.communityName}</option>
	      	</c:forEach>
	      	</select>
	    </c:if>
      下单时间：
           		<input id="startTime" name="startTime" onclick="calendar.show(this);" value="${formdata.startTime}" type="text" class="sell-textinput-02"><strong>到</strong>
 				<input id="endTime" name="endTime" onclick="calendar.show(this);" value="${formdata.endTime}" type="text" class="sell-textinput-02">
                       
  		订单状态：<select id="status" name="status" style="width:100px">
						<option value="">全部</option>
						<option value="1" ${formdata.status=="1"?"selected":""}>已付款</option>
						 <c:if test="${sessionScope.supplier.offlineFlag==0}">
			<option value="6" ${formdata.status=="6"?"selected":""}>已配货</option>
						<option value="2" ${formdata.status=="2"?"selected":""}>已发货</option>
			<option value="5" ${formdata.status=="5"?"selected":""}>已达社区服务站</option>
						  </c:if>
			<option value="3" ${formdata.status=="3"?"selected":""}>已完成</option>
					</select>
					<br>
					订单编号：<input
				name="orderCode" type="text"  id="orderCode"
				value="${formdata.orderCode}" size="20" /> 
				收货地址： <input name="address" type="text"
				 id="address" value="${formdata.address}" size="20" />
		<input style="display:none" type="image" id="Image8" onmouseover="MM_swapImage('Image8','','${baseURL}/images/button_ss_a.jpg',1)" onmouseout="MM_swapImgRestore()" src="${baseURL}/images/button_ss.jpg"/>
	    <%-- <img src="${baseURL}/images/button_qk.jpg" name="clearButton" id="clearButton" style="cursor:pointer" onclick="clearInput()" onmouseover="MM_swapImage('clearButton','','${baseURL}/images/button_qk_a.jpg',1)" onmouseout="MM_swapImgRestore()"/>  --%>
		
		<input type="button" value="搜索"  class='button cyan medium' onclick="clickSS()">&nbsp;&nbsp;
		<input type="button" value='清空' class='button cyan medium' onclick="clearInput()">	 
	</div>
		
</div>

  </form>
<script>
$("#supplierId").val("${formdata.supplierId}");
function clearInput() {
	document.getElementById("status").options[0].selected=true;
	document.getElementById("startTime").value = "";
	document.getElementById("endTime").value = "";
	document.getElementById("address").value = "";
	document.getElementById("orderCode").value = "";
}

function selectAll(checkAllFlag) {
	var checkArray = document.getElementsByName("chk");
	for (var i = 0; i < checkArray.length; i++) {
		checkArray[i].checked = checkAllFlag;
	}
}
</script>

<c:if test="${empty obj.list}">
<div align="center"><b>没有符合条件的记录。</b></div>
</c:if>
<c:if test="${not empty obj.list}">
<%-- <table width="98%" border="0" align="center" cellpadding="0" cellspacing="1" id="listOutTable">
  <tr>
    <td colspan="2" align="left" valign="middle" class="text_gray2"><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#96bee2">
      <tr>
        <td height="21" background="${baseURL}/images/table_bg.jpg">&nbsp;&nbsp;
        <span class="text_blue_b">
        <img src="${baseURL}/images/008.png" width="16" height="16" align="absmiddle" />&nbsp;订单列表：</span></td>
      </tr>
      <tr>
        <td height="13" valign="top" bgcolor="#FFFFFF"> --%>
<div class='userlist-title'>
	<div class='userlist-title-left'><div class='userlist-title-icon'></div><span>订单详情</span></div>
</div>
<div class='userlist'>
<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF" id="listTable">
	<tr align="center" bgcolor="#eeeeee">
		<td class='userlist-td operation' height="25" width="5%"><input type="checkbox" onclick="selectAll(this.checked);"></td>
		<td class='userlist-td operation' width="20%">订单编号</td>		
		<td class='userlist-td operation' width="20%">下单时间</td>
		<td class='userlist-td operation' width="18%">订货社区</td>
		<td class='userlist-td operation' width="23%">收货地址</td>
		<td class='userlist-td operation' width="8%">订单状态</td>
		<td class='userlist-td operation'>操作</td>
	</tr>
	<c:forEach var="row" items="${obj.list}"> 
		<tr align="center">
			<td class='userlist-td operation'><input name="chk" type="checkbox" id="chk" value="${row.id}" /></td>
			<td class='userlist-td operation'><a onclick="preCreateComment(${row.id});" href="#" class="ctrlLink">${row.orderCode}</a></td>
			<td class='userlist-td operation'><fmt:formatDate value="${row.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
				<td class='userlist-td operation' style="text-align:left;">${row.serviceRemark}</td>
			<td class='userlist-td operation' style="text-align:left;">${row.address}</td>
			<td class='userlist-td operation'>
				<c:if test="${row.status==1}"><font color="red">已付款</font></c:if>
				<c:if test="${row.status==2}"><font color="red">已发货</font></c:if>
				<c:if test="${row.status==5}"><font color="red">已到达社区服务站</font></c:if>
				<c:if test="${row.status==0}"><font color="red">待付款</font></c:if>
				<c:if test="${row.status==4}"><font color="red">已取消</font></c:if>
			<c:if test="${row.status==6}"><font color="red">已配货</font></c:if>
			<c:if test="${row.status==3}"><font color="#339241">已完成</font></c:if>
					</td>
				<td class='userlist-td operation'>
				<c:if test="${row.status==6&&sessionScope.supplier.offlineFlag==0}">	
			<a href="#" onclick="sendById('${ctx}','${row.id}')">[发货]</a>
			</c:if>
			<c:if test="${row.status==1&&(row.virtualFlag==1||sessionScope.supplier.offlineFlag==1)}">
			<a href="#" onclick="endById('${ctx}','${row.id}')">[完成]</a>
			</c:if>
			</td>
		</tr> 
    </c:forEach>
       <!--  </table>
        </td>
      </tr>
    </table></td>
  </tr> -->
</table>
<table>
	<tr>
    <td align="left" height="5">
    <c:if test="${sessionScope.supplier.offlineFlag==0}">	
    	<input name="button" type="button" onclick="sendByIds('${ctx}');" value="批量发货" class='button cyan medium'>
    </c:if>
    	</td>
  	</tr>
  <tr>
    <td height="25" colspan="2"><%@ include file="../include/listpage.jsp"%>
    </td>
  </tr>
</table>
</div>
<script src="${ctx}/js/listProduct.js"></script>
</c:if>
<script type="text/javascript">
function preCreateComment(commentId){
	$.layer({
	    type: 2,
	    maxmin: true,
	    shadeClose: true,
	    title: '订单详情',
	    shade: [0.1,'#fff'],
	    offset: [($(window).height() / 10)+'px',''],
	    area: ['600px', '400px'],
	    iframe: {src: '${ctx}/supplierProduct/orderDetail?orderCode='+commentId}
	}); 
}
</script>
<%@ include file="../include/bottom.jsp"%>